<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
   <meta charset="UTF-8">
   <title></title>
   <meta name="description" content="">
   <meta name="viewport" content="width=device-width, initial-scale=1">

   <!--====== Favicon Icon ======-->
   <link rel="shortcut icon" href="/images/favicon.png" type="image/png">

   <!--====== Bootstrap CSS ======-->
   <link rel="stylesheet" href="/css/bootstrap.min.css">
   <link rel="stylesheet" href="/font/bootstrap-icons.css">

   <link rel="stylesheet" href="/css/newStyle.css">

   <link rel="stylesheet" href="/css/new.css">
</head>
<body>
   <div th:insert="common/header :: header"></div>
   <section>
      <div class="ai-contain">
         <div class="main">
            <div class="left" id="left">
               <input type="hidden" id="newsId" th:value="${newsId}">
               <!-- 左侧主要内容 大赛视频 -->
               <div class="l-content" id="content">
<!--                  <div class="pb-4"><h3>热天跑步注意防暑 跑走结合可以让体能更持久</h3></div>-->
<!--                  <div class="color-body pb-4">发表时间：2017-06-14 14:59</div>-->
<!--                  <div class="d-line"></div>-->
<!--                  <div class="c-content">-->
<!--                     <div class="art-content pb-4">-->
<!--                        <p>随着天气逐渐变热，外出跑步的跑者即将接受太阳的考验。在炎热天气下跑步，尤其是长跑，会让跑者承受更多的压力。为了不影响跑步表现，跑者该如何应对这种情况呢？-->

<!--                           阴天跑步-->

<!--                           有一项研究，针对温度、湿度、风速、太阳辐射对跑步产生的影响进行测试，结果发现，和阴天相比，晴天对跑者的耐力产生的负作用会更大。因为在晴天时跑步，由于太阳辐射，导致皮肤的温度会上升。所以，跑者好提前关注天气预报，选择在阴天进行长跑。-->

<!--                           树荫下跑步-->

<!--                           另外一个减少太阳辐射的办法就是在树荫下跑步。有了树荫的遮挡，就能避免阳光直接照射到皮肤，防止体温上升过快。并且，树荫下跑步能减少出汗，降低脱水的可能性。另外，树木茂密的地方让跑者的心情也会变得好起来。-->

<!--                           短距离绕圈跑-->

<!--                           选择绕圈跑的距离不要太长，四五公里即可。这样的话，跑者可以提前在某个地方放一些冷饮或者能量补给品，每次经过这个地方时都可以喝水或者补给能量。冷饮可以让体温下降，这在高温下跑步显得非常重要。另外，跑者可以把冰放在一个袋子内，然后放在脖子上跑步，这有助于降低体温。-->

<!--                           晨跑-->

<!--                           在日出前几个小时就起床跑步。此时是中气温低的时候，而且空气清新。或许早起会影响到前一晚的活动，但养成习惯之后就会让跑者收获更多的益处。当然，起这么早跑步一定要注意安全，好是结伴而跑，让跑步变得更轻松。</p>-->
<!--                     </div>-->
<!--                     <div class="d-line-dashed"></div>-->
<!--                     <div class="text-right pt-4">-->
<!--                        文章分类：新闻-->
<!--                     </div>-->
<!--                     &lt;!&ndash;                        <div class="text-right pt-4">&ndash;&gt;-->
<!--                     &lt;!&ndash;                            分享到：<div class="d-flex"></div>&ndash;&gt;-->
<!--                     &lt;!&ndash;                        </div>&ndash;&gt;-->
<!--                  </div>-->
               </div>
            </div>
            <div class="right" id="right">
               <div class="r-box">
                  <div class="c-title">
                     <div class="t-t">大赛推荐</div>
                  </div>
                  <div style="padding:10px;">
                     <div>
                        <div><img src="/images/news/tj1.jpg" class="d-block w-100" alt="图片3"></div>
                        <div class="text-center" style="line-height: 45px;color: #222222;">人工智能你需要知道的101件事</div>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </div>
   </section>
   <!-- ICP备案信息 -->
   <div th:insert="common/footer :: footer"></div>

   <!--====== Jquery js ======-->
   <script src="/js/jquery-1.12.4.min.js"></script>
   <script src="/js/bootstrap.min.js"></script>
   <!--====== layerUI js ======-->
   <script src="/js/layui/layui.js"></script>
   <script src="/js/common.js"></script>
   <script src="/js/index.js"></script>
   <script>
      rightHtml();
      layui.use(function(){
         $.ajax({
            url: '/news/' + $('#newsId').val(),
            type: 'GET',
            success: function (data) {
               // 清空动态内容
               $('#content').empty();
               // 根据获取到的数据重新构建表格内容
               let contentHtml = '<div class="c-title c-title-main">' +
                       '                     <div class="t-t bg-main color-title">' + data.data.typeName + '</div>' +
                       '                  </div>' +
                       '                  <div class="c-content">' + data.data.content +
                       '                  </div>';
               contentHtml = '<div class="pb-4"><h3>' + data.data.title + '</h3></div>' +
                       '                  <div class="color-body pb-4">发表时间：' + data.data.createTimeName + '</div>' +
                       '                  <div class="d-line"></div>' +
                       '                  <div class="c-content">' +
                       '                     <div class="art-content pb-4">' + data.data.content +
                       '                     </div>' +
                       '                     <div class="d-line-dashed"></div>' +
                       '                     <div class="text-right pt-4">' +
                       '                        文章分类：' + data.data.typeName +
                       '                     </div>' +
                       // '                     <div class="text-right pt-4">' +
                       // '                        分享到：<div class="d-flex"></div>' +
                       // '                     </div>' +
                       '                  </div>'
               $('#content').html(contentHtml);
            },
            error: function (error) {
               layer.msg('获取数据失败：' + error.responseText);
            }
         });
      });
   </script>
</body>
</html>
